<template>
  <el-empty :description="props.description" :style="{ height: height, width: width }" />
</template>

<script setup name="CustomEmpty">
import { ref, onMounted, computed, onBeforeMount, watch } from 'vue'
const props = defineProps({
  width: {
    type: String,
    default: '100%'
  },
  height: {
    type: String,
    default: '100%'
  },
  description: {
    type: String,
    default: '暂无数据'
  }
  //   image: {
  //     type: String,
  //     default: '@/assets/image/no_talk_data.png'
  //   }
})
const imgSrc = new URL('@/assets/image/no_talk_data.png', import.meta.url).href
// const imgSrc = new URL(props.image, import.meta.url).href
</script>
<style lang="scss">
.el-empty {
  background-color: #fff;

  border-radius: 4px;
  .el-empty__image {
    width: 300px;
    height: 200px;
  }
  .el-empty__description {
    p {
      font-size: 24px !important;
    }
  }
}
</style>
